<script setup>
// 简单写法：
// const props = defineProps(['data'])
// console.log(props.data);

// 完整写法：
const props = defineProps({
    data:{
        type: Object,      //类型校验
        default:{},        //默认值
        // required:true
    }
})

//  子传父 1。emit 出发事件，给父组件提供函数，发送数据
const emit = defineEmits(['change'])

// 反馈事件
const onClick = ()=>{
    // console.log(props.data);
    // props.data.age = 24
    emit('change',{gender:"男"})
}
</script>

<template>
    <h2>个人信息表</h2>
    <p>姓名：{{ props.data.name }} </p>
    <p>年龄：{{ props.data.age }}</p>

    <button @click="onClick">修改数据</button>
</template>

<style>

</style>